<template>
	<div class="contactsContainer">
		<!-- 搜索框 -->
		<!-- 下拉框搜索 -->
		<!-- 列表 -->
		<div class="userList">
			<productItem></productItem>
		</div>
		<!-- 按钮 添加联系人 -->
		<view class="addContacts" @click="addContacts">
			+
		</view>
	</div>
</template>

<script>
	//引入联系人列表组件
	import productItem from '../../components/productItem/index.vue'
export default {
	name:"product",
	data() {
		return {
			key: ''
		}
	},
	components:{
		productItem
	},
	methods:{
		addContacts(){
			uni.navigateTo({
			    url: '../newContact/index'
			});
		}
	}
};
</script>

<style scoped lang="stylus">
.contactsContainer
	height 100%
	background #f1f1f1
	.userList
		padding-top 20rpx
	.addContacts
		width 80rpx
		height 80rpx
		position fixed
		background-color #366DF6
		border-radius 50%
		right 20rpx
		bottom 80rpx
		font-size 70rpx
		line-height 70rpx
		text-align center
		color #fff
</style>